* {

	margin: 0;

}



html {

		height: 100%;

		margin: 0;

		padding: 0;

 

	}



body {

		color: #3E3E3E;

		background-color: #FBFFFF;

		font-family: Verdana;

		margin: 0;

		padding:0;

		height:100%;

		

	}



.form {	

	    font-size:13px;

		display: block; 

		position: relative; 

		margin-left: 50px; 

		margin-right: auto; 

		width: 700px;

	}

			

.textfield {

		width: 590px;

		font-size: 13px;

		font-family: Verdana, Geneva, Arial, sans-serif;

		height:100px;

		max-height:100px;

		max-width:590px;

		min-height:100px;

		min-width:590px;

	}

	

.tap_endpoint {

		margin-top:10px;

		

	}

	

.button {

		position: absolute;

		top: 3%;

		color:#41383C;

		right: 10px;

		height:24px;

		width:65px;

		font-family: Verdana;

		font-size:11px;

		font-weight: bold;

		background-color:#FBFFF; 

		border:1px solid; 

		border-color: #696 #363 #363 #696; 

		outline:none;	

	}	





.button::-moz-focus-inner {

 		border: 0;

	}





#searchbar {

	    color:white;

		border: 4px solid #AFC7C7;

		background: url("page_top_img.png");

		position: relative;

		width: 800px;

		height:200px;

		padding-top:15px;

		padding-left:10px;

		padding-right:10px;

		margin: 0 auto; 

		text-align:center;

	}	



#load {  

        display: none;

		background: url(ajax-loader.gif);

		background-repeat:no-repeat;

		margin:0 auto;	

        width: 40px;  

        height: 40px;  	

      }  

      	

	

/* Give the header a height and a background image */

#header {

		height:100px;

		width: 100%; 

		background: url(background.jpg);

		background-repeat: scroll;

		text-align:center;

		padding:0;

		margin:0;

		position: relative; 

		min-width: 1024px !important; 

	}



/* Create a Shadow Overlay */ 

#header div {

		width:100%;

		height:100px;

		background: transparent url(overlay.png);

		padding:0;

		margin:0;

	}



/* Vertically position header text and style it*/

#header h1 {

		color:white;

		padding:0;

		margin:0;

		padding-top : 24px;

	}



#table_results {

		overflow:auto;

		padding-left:10px;

		padding-right:10px;

		margin: 0 auto; text-align:center;

		max-width:95%;

	}	



#results {

		display:none;

		margin: 0 auto; text-align:center;

		margin-bottom:40px;

		

	}	

	 

.left {

		background-color:#303233;

		padding-top:5px;

		width:160px;

		height:30px;

        bottom: 0px;

        left:50%;

   		position: fixed;

   		margin-left:-80px;

	    border:2px solid gray;

	    border-bottom-style:none;

	    z-index: 100;

	}



.left input {

		font-weight: bold; 

		font-size: 13px;

		font-family: Verdana, Geneva, Arial, sans-serif;

		text-decoration: none;

		color: white;

		background:none;

		border:0;

	}

	

.left input:hover {

		cursor:pointer;

		cursor: hand;

	}	

	

.left:hover {

		height:45px;

	}

		

#save_as {

		margin-left:50px;

		margin-bottom:20px;

		text-align:left;

	}

	

#save_as input {

		height: 28px; 

		width: 150px;

	}

		

#loading_options {

		margin: 0 auto; 

		text-align:center;

		margin-top: 20px;

		display: none;

	}	

	

#loading_options .myButtonStop {

		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

		box-shadow:inset 0px 1px 0px 0px #ffffff;

		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );

		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

		background-color:#ededed;

		-moz-border-radius:6px;

		-webkit-border-radius:6px;

		border-radius:6px;

		border:1px solid #dcdcdc;

		color:#777777;

		font-family:arial;

		font-size:15px;

		font-weight:bold;

		padding:6px 24px;

		text-decoration:none;

		text-shadow:1px 1px 0px #ffffff;

	}



#loading_options .myButtonStop:hover {

		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );

		background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );

		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');

		background-color:#dfdfdf;

	}



#loading_options .myButtonStop:active {

		position:relative;

		top:1px;

	}	



#loading_options .myButtonEmail {

		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

		box-shadow:inset 0px 1px 0px 0px #ffffff;

		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );

		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

		background-color:#ededed;

		-moz-border-radius:6px;

		-webkit-border-radius:6px;

		border-radius:6px;

		border:1px solid #dcdcdc;

		color:#777777;

		font-family:arial;

		font-size:15px;

		font-weight:bold;

		padding:6px 24px;

		text-decoration:none;

		text-shadow:1px 1px 0px #ffffff;

	}



#loading_options .myButtonEmail:hover {

		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );

		background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );

		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');

		background-color:#dfdfdf;

	}



#loading_options .myButtonEmail:active {

		position:relative;

		top:1px;

	}



#viewer_header {

		height:50px;

		width: 100%; 

		background: black;

		text-align:center;

		padding:0;

		margin:0;

		position: relative; 

		min-width: 1024px !important; 

	}



/* Vertically position header text and style it*/

#viewer_header h3 {

		color:white;

		padding:0;

		margin:0;

		padding-top : 15px;

	}	



.spacer {

		clear:both; 

		height:1px;

	}



.email_form {

		margin:0 auto;

		width:500px;

		height:130px;

		padding:14px;

	}



.email_form {

		margin:0 auto;

		width:500px;

		height:130px;

		padding:14px;

	}



/* Email form */

#send_email {

		display:none;

		border:solid 2px #b7ddf2;

		background:#ebf4fb;

	}



#send_email p {

		font-size:12px;

		color:#666666;

		margin-bottom:20px;

		border-bottom:solid 1px #b7ddf2;

		padding-bottom:10px;

	}



#send_email input {

		float:left;

		font-size:12px;

		padding:4px 2px;

		border:solid 1px #aacfe4;

		width:340px;

		height:20px;

		margin:2px 0 0px 0px;

	}



#send_email input:hover {

		background-color:#F2F2F2;

	}



#send_email .email_submit:hover {

		background-color:#B3B3B3;

	}



#send_email .email_submit {

		float:right;

		background-color:#4D4D4D;

		margin-left:0px;

		width:100px;

		height:31px;

		text-align:center;

		line-height:31px;

		color:#FFFFFF;

		font-size:12px;

		font-weight:bold;

	}





#email_message {

		color:red;

		font-size:13px;

		font-style:italic;

		display:none;

		margin: 0 auto;

		text-align:center;

	}

	

.email_form a{

		float:right;

		text-decoration:none;

		font-size:15px; 

		color:#666666;

	}	

	

.email_form a:hover{

		color:black;

	}

	

#gradient {

		width:100%;

		min-width: 1024px !important;

		height:40px; 	

		background: url(line_small.png);

		background-repeat: repeat-x;

	}	

	

#metadata {

		border:solid 2px #FCACAC;

		background:#FBEBEB;

		margin:0 auto;

		font-size:13px;

		padding-bottom:10px;

		padding-left:20px;

		padding-top:10px;

		margin-top: 10px;

		margin-bottom: 50px;

		width:80%;

		display:none;

	}

	

#toggle_metadata {

		position:absolute;

		width:39px;

		min-height:145px;

		min-width:39px;

		height:145px;

		background:url("metadata.png");

		background-repeat: no-repeat;

		z-index:100;

		border: 2px solid #AFC7C7;

		border-left:none;

		

	}	

	

#toggle_metadata:hover {

		background:url("metadata2.png");

		cursor:pointer;	

		width:70px;

		background-repeat: no-repeat;

	}



#toggle_metadata a {	

		color:#3E3535;

		font-size:12px;

		text-decoration:none;	

		cursor:pointer;

	}

	

.metadata_cancel {

		color:#929292;

		float:right;

		font-size:11px;

		text-decoration: none;

		margin-right:20px;	

	}

	

.metadata_cancel a:hover {

		color:#C2C2C2;

		cursor: pointer;

	}

	

#main {

    	padding-bottom:50px

	}	

	

#container {

	    min-height:100%;

   		position:relative;

	}	

	

#footer {	

		text-align:center; 

		padding-top:50px;

		font-size:11px;

		width:100%;

		height:50px;

		bottom: 0px;	

		background: url("paper_footer.gif");

		background-repeat:repeat-x;

		position: absolute;	

		min-width: 1024px !important;

		

	} 



#footer a {

		font-size: 13px;

		color:#736F6E;

		text-decoration: none;

		cursor: pointer;

	}

	

	

#footer a:hover{

		text-decoration: underline;

	}

	

	

/* tables */

table.tablesorter {

		font-family:arial;

		background-color: #CDCDCD;

		margin:10px 0pt 15px;

		font-size: 8pt;

		width: 100%;

		text-align: left;

	}



table.tablesorter thead tr th, table.tablesorter tfoot tr th {

		background-color: #e6EEEE;

		border: 1px solid #FFF;

		font-size: 8pt;

		padding: 4px;

		padding-right:15px;

	}



table.tablesorter thead tr .header {

		background-image: url(bg.gif);

		background-repeat: no-repeat;

		background-position: center right;

		cursor: pointer;

	}



table.tablesorter tbody td {

		color: #3D3D3D;

		padding: 4px;

		background-color: #FFF;

		vertical-align: top;

	}

	

table.tablesorter tbody tr.odd td {

		background-color:#F0F0F6;

	}

	

table.tablesorter thead tr .headerSortUp {

		background-image: url(asc.gif);

	}

	

table.tablesorter thead tr .headerSortDown {

		background-image: url(desc.gif);

	}

	

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {

		background-color: #8dbdd8;

	}



.tablesorter a {

		text-decoration:none;

		color:#6E6A6B;

	}



#axis_input {

		font-size:11px;

		color:white;

		border: 4px solid #AFC7C7;

		width:840px;

		min-width: 840px !important; 

		height:190px;

		margin:0 auto;

		background: url("page_top_img.png");

		padding-top:10px;

		padding-bottom: 35px;

		padding-left: 50px;

	}



#axis_input input{

		padding:4px 2px;

		font-size:11px;

		border:solid 1px #aacfe4;

		width:180px;

		height:15px;

		display:inline;

		margin-top:5px;

		margin-left:10px;

	}



#axis_input input:hover {

		background-color:#D9D8D8;

	}

	

	

#axis_input input.submit {

		float:right;

		margin-right:5px;

		margin-top:10px;

		width:100px;

		height:24px;	

		font-size:11px;

	}

	

	

#axis_input	label { 

		display: block;  /* block float the labels to left column, set a width */

		float: left; 

		width: 150px; 

		padding: 0; 

		margin-top: 10px;

		text-align: right; 

	}

	

#post-it-example {

		text-align:left;

		color:black;

		font-family:'Lucida Casual', 'Comic Sans MS';

		font-style:normal;

		font-size:13px;

		margin-left:50px;

		margin-bottom:20px;

		float:right;

		width:400px;

		height:189px;

		background:url("post-it-2.png");

		line-height:17px;

		

	}	



#post-it-example small{

		font-size:11px;

		font-style:italic;

	}



#viewer_table_div {

		display:none;

		width:400px;

		margin:0 auto;

	}	

	

.save_button {

		width:100px;

		height:24px;	

		font-size:11px;

		padding:4px 2px;

		border:solid 1px #aacfe4;

		height:15px;

		font-weight: bold;

	}



.save_button input:hover {

		background-color:#D9D8D8;

	}

	

.heading {

		margin: 1px;

		padding: 3px 10px;

		cursor: pointer;

		position: relative;

		border:solid 1px black;

		padding-left:10px;

		background-color: white;

		width:95%;

		z-index:100;

				

	}

	

.content {

		padding: 5px 10px;

		width:80%;

		margin:0 auto;

		margin-top:10px;

	}

	

#desc {

		font-size:12px;

	} 	

	

#accordion p { 

		padding: 5px 0; 

	}

	



.column_heading {

		cursor: pointer;

		position: relative;

		border:solid 1px black;

		padding-left:10px;

		background-color: white;

		z-index:100;

		font-size:11px;

	}

	

.column_content {

		padding: 5px 10px;

	

	}	

	

.column_content li {

        list-style-type:none; 

	

	}

	

#endpoints_form {

		border: 4px solid #AFC7C7;

		width: 800px;

		padding-bottom: 30px;

		max-height:300px;

		padding-top:15px;

		padding-left:10px;

		padding-right:10px;

		margin: 0 auto; 

		text-align:center;		

		border-top: none;

		background-color:#EFEFEF;

	}	



#endpoints_form form {

		margin:0 auto;

		margin-top:30px;

		text-align:center;

		width:700px;

		max-width:700px;

		min-width:700px;

		padding-bottom:15px;

		border:1px solid gray;

		background-color: #C6C6C6;

		

	}



#overflow {

		overflow:auto;

		max-height:200px;

		margin-bottom:15px;

}

	

#endpoints_form table{

		text-align: left;

		margin-bottom:30px;

	}



#endpoints_form tr{

		width:700px;

		text-align:center;

		margin:0 auto;

	}



#endpoints_form th{

		width:690px;

		background-color: white;

		color:black;

		border:2px solid gray;	

	}

	

#endpoints_form label {	

		font-weight:normal;

		font-size:12px;

		color:black;	

		margin:0 auto;

		margin-right:10px;

		text-align:center;

	}



#endpoints_form p {

		font-size:12px;

		text-align:left;

	}

	

#endpoints_form input.submit{

		width:100px;

		height:24px;	

		font-size:11px;

		padding:4px 2px;

		border:solid 1px #aacfe4;

		height:25px;

		font-weight: bold;

		

	}



#endpoints_form input.submit:hover {

		background-color:#D9D8D8;

	}	



#toggle_endpoints {

		margin-top: 50px;

		float:right;

	

	}

	

#toggle_endpoints a {

		text-decoration: none;

		font-size:12px;

		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

		box-shadow:inset 0px 1px 0px 0px #ffffff;

		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );

		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

		background-color:#ededed;

		-moz-border-radius:6px;

		-webkit-border-radius:6px;

		border-radius:6px;

		border:1px solid #dcdcdc;

		color:#777777;

		font-family:arial;

		font-weight:bold;

		padding:6px 24px;

		text-decoration:none;

		text-shadow:1px 1px 0px #ffffff;

		cursor: pointer;

	}	
